/* URI: http://www.Templatesperfect.com
Template: Mountain Bikers
 Author Paarth */
 
* {
margin : 0;
padding : 0;
}
body {
font-family : Arial, Helvetica, sans-serif;
font-size : 20px;
background : #13161d url(/static/images/pageBackground.jpg) no-repeat center top;
color : #eee;
}
p, li {
line-height : 20px;
}
a {
color : #9f9b36;
font-size : 20px;
text-decoration : underline;
}
a:hover {
color : #616103;
font-size : 20px;
text-decoration : none;
}
.logo {
color : #ffffff;
font-family : "Trebuchet MS", Arial, Helvetica, sans-serif;
letter-spacing : -2px;
font-size : 60px;
text-align : left;
margin-top : 10px;
width : 500px;
}
.logo span {
color : #9f9b36;
font-size : 60px;
font-style : italic;
}
.tagline {
color : #ccc;
text-align : left;
padding-left: 110px;
}
#container {
width : 1280px;
margin : 0 auto;
}
.inner_copyright{text-indent:-9999px;height:0;line-height:0;font-size:0;overflow:hidden;}
.contentTop {
background : url(/static/images/contentTop.png) no-repeat left top;
height : 14px;
background-size: 100%;
}
.contentBottom {
background : url(/static/images/contentBottom.png) no-repeat left top;
height : 22px;
padding-bottom : 5px;
background-size: 100%;

}
.contentBody {
background : url(/static/images/contentBackground.png);
height : 240px;
padding-bottom : 5px;
background-position:left;
}
#slider {
width : 1260px;
padding : 0;
margin : 0 auto;
}
div#slideshow {
float : left;
width : 100%;
height : 240px;
}
.slide-image {
width : 100% !important ;
height : 240px;
}
.controls-outer {
width : 1260px;
margin-left : auto;
margin-right : auto;
}
#slide_controls {
float : right;
padding : 0;
position : relative;
margin : 0;
z-index : 1000;
width : 200px;
}
#slide_controls ul {
margin : 0 auto;
padding : 0;
width : 100px;
}
#slide_controls ul li {
margin : 0;
padding : 0;
list-style : none;
}
#slide_controls ul li {
float : left;
display : block;
}
#slide_controls ul li a {
width : 15px;
height : 15px;
background : url('/static/images/green.png') no-repeat center center;
display : block;
float : left;
padding : 2px;
margin : 2px !important ;
margin : 1px 1px;
outline : none;
}
#slide_controls ul li a:focus {
outline : none;
}
#slide_controls ul li a:hover, #slide_controls ul li a.activeSlide {
background : url('/static/images/red.png') no-repeat center center;
}
#footer {
text-align : center;
color : #707070;
padding : 30px 0 0 0;
width : 100%;
background : #000;
height : 60px;
margin : 20px 0 0 0;
}
.clear {
clear : both;
height : 0;
}
.menu ul {
margin : 0;
padding : 20px 0 5px 0;
}
.menu li {
list-style : none;
display : inline;
padding : 20px 10px 0 10px;
}
.menu li a {
color : #690;
font-size : 24px;
font-weight : bold;
text-decoration : none;
}
.menu li a:hover {
color : #fff;
font-size : 24px;
text-decoration : none;
}
.menu #active a {
color : #fff;
font-size : 24px;
text-decoration : none;
}
.leftCon {
float : left;
width : 890px;
padding-left : 10px;
}
.leftCon img {
float : left;
border : 2px solid #777;
margin : 5px;
width : 200px;
height : 100px;
}
.rightCon, .leftCon li {
list-style : none;
padding : 5px 0;
}
.rightCon {
margin-left : 460px;
padding-left : 10px;
}
.rightCon li {
list-style : none;
background : url(/static/images/arrow.png) no-repeat left top;
margin-left : 490px;
padding : 9px 0 9px 35px;
}
h2 {
padding : 10px 0;
}
#icons {
width : 300px;
height : 20px;
float : right;
padding-top : 10px;
margin : 5px;
border : none;
color: #616130;
}
#left-image {
background : url(/static/images/left.png) no-repeat left;
float : left;
width : 40px;
height : 52px;
margin-top : 30px;
}
#right-image {
background : url(/static/images/right.png) no-repeat right;
float : right;
width : 40px;
height : 52px;
margin-top : 30px;
}
#right-image-test img{
float : right;
width : 60px;
height : 72px;
margin-top : 20px;
}
#gallery {
width : 1260px;
margin : 10px;
float : left;
margin : 0 auto;
}
#gallery img {
width : 158px;
height : 110px;
float : left;
margin : 5px;
background-color : #fff;
border : 5px solid #000;
}
#gallery img:hover {
border : 5px solid #ccc;
}
.chart_box{
  border:1px solid #ccc ;
  border-radius:5px;
  margin:5px;
  padding:10px;
  box-shadow:0px 5px 5px #ccc;
  -webkit-box-shadow:0px 4px 4px #ccc;
  -moz-box-shadow:0px 4px 4px #ccc;
  height: 150px;
}

.chart_box_big{
  border:1px solid #ccc ;
  border-radius:5px;
  margin:5px;
  padding:10px;
  box-shadow:0px 5px 5px #ccc;
  -webkit-box-shadow:0px 4px 4px #ccc;
  -moz-box-shadow:0px 4px 4px #ccc;
  height: 750px;
}

.chart_box img {
float : left;
border : 2px solid #777;
margin : 5px;
width : 150px;
height : 100px;
}

.chart_box_big img {
float : left;
border : 2px solid #777;
margin : 5px;
width : 150px;
height : 100px;
}

.chart_box_login {
  border:1px solid #ccc ;
  border-radius:5px;
  margin:5px;
  padding:10px;
  box-shadow:0px 5px 5px #ccc;
  -webkit-box-shadow:0px 4px 4px #ccc;
  -moz-box-shadow:0px 4px 4px #ccc;
  height: 700px;
}
.chart_box_region {
  border:1px solid #ccc ;
  border-radius:5px;
  margin:5px;
  padding:10px;
  box-shadow:0px 5px 5px #ccc;
  -webkit-box-shadow:0px 4px 4px #ccc;
  -moz-box-shadow:0px 4px 4px #ccc;
  height: 900px;
}
.word{
font-weight: bold; font-size: 18px;
}

.thumb { float: left; padding-left: 5px; width: 64px; height: 64px; }
.thumb img { border: 2px solid white; cursor: pointer }
